<template>
<div class="invites flex-box-div">
    <div class="flex-1 box">
        <h4>邀请好友</h4>
        <p class="fz-40">赢好礼</p>
        <div class="bgc-white img">
            <img :src="img" alt="" class="invite_code">
        </div>
    </div>
</div>
</template>

<script>
export default {
	data () {
	    return {
			img:'',
			
		}
	},
	created: function() {
		
		this.getBaseInfo()
		
	},
    methods: {
        
		getBaseInfo:function(){
			
			const that = this
			this.$user.shareInfo().then(function(res){
				const data = res.data||{}
				
				that.img = data.code||[]
			})
			
			
		
		},
    }
}
</script>

<style lang="less" scoped>
.invites {
    background: url('~@/assets/image/invite.png') no-repeat;
    background-size: 100%;
    .box {
        background: url('~@/assets/image/invite2.png') no-repeat;
        background-size: 100%;
        h4 {
            font-family: YouSheBiaoTiHei;
            color: rgba(255, 255, 255, 90%);
            letter-spacing: 4px;
            font-size: 70px;
            font-style: italic;
            margin-top: 20px;
        }
        p {
            color: rgba(255, 255, 255, 90%);
            font-style: italic;
        }
        .img {
            width: 70%;
            margin: 30px auto;
            object-fit: contain;
            border-radius: 20px;
        }
        .invite_code {
            width: 80%;
            margin: 30px auto;
            object-fit: contain;
        }
    }
}
</style>
